<!doctype html>
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!-- Consider adding a manifest.appcache: h5bp.com/d/Offline -->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">

  <!-- Use the .htaccess and remove these lines to avoid edge case issues.
       More info: h5bp.com/b/378 -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

  <title>FASHION MONOGRAPH － 菲雪洛琳</title>
  <meta name="description" content="">
  <meta name="author" content="">

  <!-- Mobile viewport optimized: j.mp/bplateviewport -->
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <!-- Place favicon.ico and apple-touch-icon.png in the root directory: mathiasbynens.be/notes/touch-icons -->

  <link rel="stylesheet" href="css/style.css">
  
  <!-- More ideas for your <head> here: h5bp.com/d/head-Tips -->

  <!-- All JavaScript at the bottom, except this Modernizr build incl. Respond.js
       Respond is a polyfill for min/max-width media queries. Modernizr enables HTML5 elements & feature detects; 
       for optimal performance, create your own custom Modernizr build: www.modernizr.com/download/ -->
  <script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>

<body>
  <header>
	<img src="img/zhfeixue_logo.png" />
	
  </header>
  <nav id="menu">
		
		<table style="width:100%;">
			<tr>
				<td class="menu-item"><a class="submenu" href="#">秋冬款式</a>
					<ul>
						<li><a class="submenu-item" href="#">毛衣</a></li>
						<li><a class="submenu-item" href="#">大衣</a></li>
						<li><a class="submenu-item" href="#">外套</a></li>
						<li><a class="submenu-item" href="#">棉衣</a></li>
						<li><a class="submenu-item" href="#">皮衣</a></li>
						<li><a class="submenu-item" href="#">风衣</a></li>
					</ul>	
				</td>
				<td class="menu-item"><a class="submenu" href="#">春夏款式</a>
					<ul>
						<li><a class="submenu-item" href="#">短袖</a></li>
						<li><a class="submenu-item" href="#">短裙</a></li>
						<li><a class="submenu-item" href="#">长裙</a></li>
						<li><a class="submenu-item" href="#">短裤</a></li>
						<li><a class="submenu-item" href="#">长裤</a></li>
						<li><a class="submenu-item" href="#">鞋子</a></li>
					</ul>	
				</td>
				<td class="menu-item"><a class="submenu" href="#">店铺形象</a>
					<ul>
						<li>1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
						<li>6</li>
					</ul>	
				</td>
				<td class="menu-item"><a class="submenu" href="#">关于我们</a>
					<!--ul>
						<li>毛衣</li>
						<li>大衣</li>
						<li>外套</li>
						<li>棉衣</li>
						<li>皮衣</li>
						<li>风衣</li>
					</ul-->	
				</td>
			</tr>
		</table>
	</nav>
	
  <div id="main" role="main">
  	<div id="content" style="width:960px; margin:0 auto;">
  		<!--ul>
  		<div id="content-left" style="float:left;">
  			<a href="#" class="img-anchor"><img class="left-img" src="img/small_square1.png" style="margin: 20px 0px;" /></a>	
  		    <a href="#" class="img-anchor"><img class="left-img" src="img/small_square1.png" style="margin: 20px 0px;" /></a>	
  		    <a href="#" class="img-anchor"><img class="left-img" src="img/small_square1.png" style="margin: 20px 0px;" /></a>	
  		
  		</div>
  		</ul-->	
  	 <div id="sidebar">

        
			
		
		<div id="content-left1" style="float:left;">
  			<a href="#" class="img-anchor"><img class="left-img1" src="img/small_square1.png" style="margin: 20px 0px;" /></a>	
  		</div>
	
			
		
		<div id="content-left2" style="float:left;">
  			<a href="#" class="img-anchor"><img class="left-img2" src="img/small_square2.png" style="margin: 20px 0px;" /></a>	
  		</div>
	
			
		
		<div id="content-left3" style="float:left;">
  			<a href="#" class="img-anchor"><img class="left-img3" src="img/small_square3.png" style="margin: 20px 0px;" /></a>	
  		</div>
	
	        
	</div>     
	        
	    <div class=stands>   
        	<a href="#" class="img-anchor"><img class="standsImg" src="img/fall3stand.png"/></a>	
  		
  		</div>
  	
	
  </div>
  

		</div>
                
 <footer class="shell">

   
        <ul id="block">
            <li>
				
              

			  <a href="http://www.gucci.com/ca-en/#country_select" id="countries_link" rel="#country_list"></a>

            </li>
        </ul>
        <div id ="kevin" align="center">
             <div id= copyright>Copyright@2010-2011 Fashion Monograph</div>
<div id=follow> 
            <div id= followtext>
                Follow Us:
            </div>
            <div id="weibo">
                   
<div><img src="img/icon-weibo.jpg" width="20" height="20" border="0" usemap="#Map5Map2" />
        <map name="Map5Map2" id="Map5Map2">
          <area shape="rect" coords="1,0,15,15" href="http://www.weibo.com/2479083420" />
          </map>
    </div>
     <div class=textweb>  
         <a href="http://www.weibo.com/2479083420">新浪微博</a> 

     </div>
     </div>
     <div id="renren">
                   
<div align="left"><img src="img/renren.png" width="20" height="20" border="0" usemap="#Map5Map2" />
        <map name="Map5Map2" id="Map5Map2">
          <area shape="rect" coords="1,0,15,15" href="http://www.twitter.com/clubmonaco" />
          </map>
    </div>
     <div class=textweb>  
                <a href="http://www.twitter.com/clubmonaco">人人网</a>
    </div>
     </div>
</div>
            <div class=n><a href="http://www.gucci.com/ca-en/assistance/privacy_policy">legal notices/privacy</a>            </div>
            <div class=n><a href="http://www.gucci.com/ca-en/register" id="email_signup">Email Signup</a></div>

        </div>
      
   
</footer>



  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
  <script>window.jQuery || document.write('<script src="js/libs/jquery-1.6.4.min.js"><\/script>')</script>


  <!-- scripts concatenated and minified via build script -->
  <script defer src="js/plugins.js"></script>
  <script defer src="js/script.js"></script>
  <!-- end scripts -->

	<script type="text/javascript" src="js/data.js"></script>

  <!-- Asynchronous Google Analytics snippet. Change UA-XXXXX-X to be your site's ID.
       mathiasbynens.be/notes/async-analytics-snippet -->
  <script>
    var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview'],['_trackPageLoadTime']];
    (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
    g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
    s.parentNode.insertBefore(g,s)}(document,'script'));
  </script>

  <!-- Prompt IE 6 users to install Chrome Frame. Remove this if you want to support IE 6.
       chromium.org/developers/how-tos/chrome-frame-getting-started -->
  <!--[if lt IE 7 ]>
    <script defer src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
    <script defer>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
  <![endif]-->

</body>
</html>
